/* pages/info/index.wxss */
page {
  background: #F6F6F6;
}

.edit-info {
  width: 670rpx;
  margin: 0 auto;
  padding-top: 50rpx;
}

.edit-info .avatar-url {
  width: 140rpx;
  height: 140rpx;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  display: block;
  margin-bottom: 15rpx;
}

.edit-info .nick-name {
  text-align: center;
  color: #494949;
  font-size: 32rpx;
  line-height: 44rpx;
  font-weight: 500;
  margin-bottom: 30rpx;
}

.edit-info .form .item {
  padding: 0 25rpx;
  min-height: 92rpx;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.edit-info .form .tip {
  padding: 8rpx 25rpx;
  color: #D3D4D5;
  font-size: 20rpx;
  line-height: 28rpx;
}

.edit-info .form .item .name {
  width: 120rpx;
  color: #000000;
  font-size: 28rpx;
  height: 92rpx;
  display: flex;
  align-items: center;
}

.edit-info .form .item .name text {
  color: #C23232;
}

.edit-info .form .item input {
  color: #000;
  font-size: 28rpx;
}

.edit-info .form .item .btn {
  width: 115rpx;
  height: 40rpx;
  color: #000000;
  border: 1px solid #303030;
  font-size: 28rpx;
  border-radius: 6rpx;
  position: absolute;
  right: 120rpx;
  top: 50%;
  margin-top: -20rpx;
}

.edit-info .form .item .code-btn {
  line-height: 40rpx;
  color: #3690EE;
  font-size: 28rpx;
  position: absolute;
  right: 100rpx;
  background: transparent;
  padding: 0;
  font-weight: normal;
  width: auto;
  top: 50%;
  margin-top: -20rpx;
  z-index: 100;
}

.edit-info .form .item .value {
  font-size: 28rpx;
  color: #000;
  width: 500rpx;
}

.edit-info .form .item .value image {
  display: block;
  width: 40rpx;
  height: 40rpx;
  transform: rotate(90deg);
}
.source_content{
  flex-wrap: wrap;
  margin-bottom: 20rpx;
  margin-top: 16rpx;
}
.edit-info .form .item .value .icon {
  position: relative;
  margin-bottom: 20rpx;
  margin-right: 40rpx;
  label{
    position: relative;
    margin-bottom: 0;
    image {
      display: block;
      position: absolute;
      top:0;
      left: 0;
      width: 60rpx;
      height: 60rpx;
      transform: rotate(0deg);
    }
    .select {
      position: absolute;
      transform: rotate(0deg);
      top: 0;
      left: 0;
    }
  }
  checkbox .wx-checkbox-input {
    width: 50rpx;
    height: 50rpx;
    border: none;
    border-radius: 100%;
    background: none;
    &.wx-checkbox-input-checked {
      border: none!important;
    }
    &.wx-checkbox-input-checked::before {
      width: 60%;
      height: 60%;
      background-color:transparent;
      border-radius: 100%;
      content: '';
      -webkit-transform: translate(-50%, -50%) scale(1);
    }
  }
}
 .no_buy_radio radio .wx-radio-input {
    width: 30rpx;
    height: 30rpx;
    border: 1rpx solid #818182;
    border-radius: 100%;
    background: transparent !important;
    &.wx-radio-input-checked {
      border: 1rpx solid #3cbcee !important;
    }
    &.wx-radio-input-checked::before {
      width: 60%;
      height: 60%;
      border-radius: 100%;
      background: #3cbcee;
      content: '';
      transform: translate(-50%, -50%) scale(1);
      -webkit-transform: translate(-50%, -50%) scale(1);
    }
}
.placeholder {
  color: #D3D4D5;
}

.edit-info .form .item .value checkbox {
  transform: scale(0.8);
}

.edit-info .form .item .value label {
  display: flex;
  align-items: center;
  margin-bottom: 20rpx;
  color: #303030;
  font-size: 28rpx;
  font-weight: 500;
  radio{
    display: flex;
    align-items: center;
  }
}

.edit-info .clause {
  margin-top: 20rpx;
  font-size: 20rpx;
  color: #202020;
  line-height: 32rpx;
  font-weight: 500;
  margin-bottom: 35rpx;
}

.edit-info .clause checkbox {
  transform: scale(0.6);
}

.edit-info .clause navigator {
  text-decoration: underline;
  font-size: 22rpx;
}

.edit-info .submit {
  background: #000;
  border-radius: 10rpx;
  color: #fff;
  width: 670rpx;
}

.edit-info .submit-tip {
  font-size: 24rpx;
  line-height: 34rpx;
  color: #A0A2A3;
  text-align: center;
  padding: 40rpx 20rpx 80rpx 20rpx;
}
